<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <link rel="stylesheet" href="../statics/css/amazeui.min.css">
  <link rel="stylesheet" href="../statics/css/animate.css">
  <link rel="stylesheet" href="../statics/css/layout.css">
  <link rel="stylesheet" href="../statics/css/pages.css">
  <link rel="stylesheet" href="../statics/iconfont/iconfont.css">
  <link rel="stylesheet" href="../statics/css/demo.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="../statics/css/venobox/venobox.css" type="text/css" media="screen" />
  <script src="../statics/js/jquery-1.11.0.min.js"></script>
  <script src="../statics/js/amazeui.min.js"></script>
  <script src="../statics/js/amazeui.lazyload.min.js"></script>
  <script type="text/javascript" src="../statics/js/venobox/venobox.min.js"></script>
</head>

<body>
  <style>
    #main-nav-hold .main-nav,
    .am-nav,
    .rb-topnav,
    .rb-topbar {
      background: #192C69;
    }

    .am-slider .am-slides>li {
      display: block !important;
    }

    @media screen and (max-width:767px) {
      .rb-topbar {
        background: #fff;
      }
    }

    .rb-topnav .rb-pagenav .item>a,
    #main-nav-hold a {
      color: #eee;
    }

    .rb-pagenav a.nav-btn {
      color: #ffbb6d;
    }

    .rb-pagenav .item a.rb-active,
    .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-topnav .rb-pagenav .item a.rb-active,
    .rb-topnav .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-language {
      color: #ddd;
    }

    .sb-search-input {
      background-color: #fff;
    }

    .sb-search-input::placeholder {
      color: #999 !important;
    }

    .sb-icon-search,
    .sb-search-submit {
      background: url('../statics/images/search-3.png') no-repeat 10px 14px;
    }

    .am-slider-i2 .am-slider-content h2 {
      width: 80%;
      color: #fff;
    }

    .rb-footer {
      border-top: 1px solid #f6f5f5;
    }
    .rb-products .rb-proleft {
      margin-left: 0;
    }
    .rb-products .rb-proright {
      margin-left: 0;
    }
    @media (min-width: 992px) {
      .product-content {
        width: 1200px;
        margin:0 auto;
      }
      .rb-products .rb-proleft {
        float: left;
      }
      .rb-products .rb-proright {
        float: right;
      }
      .product-img {
        width: 60% !important;
      }
      .product-text {
        width: 40% !important;
      }
      .product-img img {
        width: 100%;
      }
      .rb-pronav,
      .rb-products .cd-timeline-block {
        height: auto !important;
        min-height: auto !important;
      }
    }
  </style>
  <header class="rb-topbar">
    <div class="amz-container">
      <h1 class="am-topbar-brand rb-brand ">
        <a href="/dsf-web" class="rb-logo">
          <img src="../statics/images/logo.png" alt="/">
        </a>
      </h1>
      <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-show-sm-only"
        data-am-collapse="{target: '#doc-topbar-collapse-1'}">
        <span class="am-sr-only">
          导航切换
        </span>
        <span class="iconfont icon-bars">
        </span>
      </button>
      <!--#include file="/public/html/menu.html"-->
    </div>
  </header>
  <!-- 视觉系统 -->
  <div data-am-widget="slider" class="am-slider am-slider-i2" data-am-flexslider="{controlNav:false}">
    <ul class="am-slides">
      <li class="am-slider-images" style="background-image: url('../statics/images/inspection/banner.jpg')">
        <div class="am-container am-slider-desc">
          <div class="am-slider-content">
            <h3 class="up-cn am-animation-slide-right" data-am-scrollspy="{animation:'slide-right', delay: 500}"
              style="color:#fff;">AI视觉检测
            </h3>
            <h2 class="up-en am-slider-title am-animation-slide-left"
              data-am-scrollspy="{animation: 'slide-left', delay: 100}" style="color:#fff;">AI visual detection</h2>
            <i data-am-scrollspy="{animation:'slide-bottom', delay: 700}" class="am-animation-slide-bottom"
              style=" background-color:#fff;"></i>
            <div data-am-scrollspy="{animation:'slide-left', delay: 1200}" class="rb-bantxt am-animation-slide-right"
              style="color:#fff;">
              通过算法将3D点云数据转换成2D图像后进行标记训练，生成AI神经网络，实现3D+AI工业监测，用于提供基于图像的自动检查的技术和方法自动检查系统的组件，通常包括照明摄像机或其他图像获取设备处理器软件和输出设备再结构化的定量和地形测量中机器视觉的速度，准确性和可重复性优于人类视觉
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!--产品中心-->
  <div class="amz-container">
    <div class="amz-container rb-hg80"></div>
    <div class="am-container-1 text-center rb-currentitle">
      <h3>特点</h3>
      <h4>FEATURES</h4>
      <i></i>
    </div>
    <div class="amz-container rb-hg70"></div>
    <div class="am-container-1 rb-listpro about-listpro">
      <figure class="effect-ruby"> <a> <img src="../statics/images/about-us/zidonghua.png" alt="提高生产的柔性和自动化程度" />
          <figcaption>
            <h2>提高生产的柔性和自动化程度</h2>
            <p>在一些不适合于人工作业的危险工作环境或人工视觉难以满足要求的场合，常用机器视觉来替代人工视觉</p>
          </figcaption>
        </a> </figure>
      <figure class="effect-ruby"> <a> <img src="../statics/images/product/jingdu.png" alt="提高精准度" />
          <figcaption>
            <h2>提高精准度</h2>
            <p>在大批量工业生产过程中，用人工视觉检查产品质量效率低且精度不高，用机器视觉检测方法可以大大提高生产效率和生产的自动化程度</p>
          </figcaption>
        </a> </figure>
      <figure class="effect-ruby"> <a> <img src="../statics/images/product/kongjianxiao.png" alt="信息集成系统" />
          <figcaption>
            <h2>信息集成系统</h2>
            <p>机器视觉易于实现信息集成，是实现计算机集成制造的基础技术</p>
          </figcaption>
        </a> </figure>
      <figure class="effect-ruby">
        <a>
          <img src="../statics/images/about-us/sudukuai.png" alt="速度快" />
          <figcaption>
            <h2>速度快</h2>
            <p>可以在最快的生产线上对产品进行测量、引导、检测、和识别，并能保质保量的完成生产任务</p>
          </figcaption>
        </a>
      </figure>
      <figure class="effect-ruby">
        <a>
          <img src="../statics/images/about-us/celiang.png" alt="非接触测量" />
          <figcaption>
            <h2>非接触测量</h2>
            <p>对于观测者与被观测者都不会产生任何损伤，从而提高系统的可靠性</p>
          </figcaption>
        </a>
      </figure>
      <figure class="effect-ruby">
        <a>
          <img src="../statics/images/product/jichengshi.png" alt="长时间稳定工作" />
          <figcaption>
            <h2>长时间稳定工作</h2>
            <p>人类难以长时间对同一对象进行观察，而机器视觉则可以长时间地作测量、分析和识别任务</p>
          </figcaption>
        </a>
      </figure>
    </div>
    <script>
      var hbimg = $(".rb-proseclist").width();
      $(".rb-proseclist").css("height", hbimg);
    </script>
    <div class="amz-container rb-hg110"></div>
  </div>
  <!-- 案例 -->
  <div class="amz-container rb-hg80"></div>
  <div class="am-container-1 text-center rb-currentitle">
    <h3>视觉系统案例</h3>
    <h4>VISUAL SYSTEM CASE</h4>
    <i></i>
  </div>
  <!-- 案例1 -->
  <div class="amz-container rb-products am-avg-sm-1 am-avg-md-1 am-avg-lg-1">
    <div class="cd-timeline-block am-animation-slide-right clearfix"
      data-am-scrollspy="{animation: 'slide-right', delay: 400}">
      <div class="amz-container rb-hg110"></div>
      <div class="product-content clearfix">
        <div class="product-img rb-proleft">
          <img src="/statics/images/auto/zidonghua1.jpg" alt="">
        </div>
        <div class="rb-pronav rb-proright text-position-right product-text">
          <h3>案例一</h3>
          <h4>Case a</h4>
          <i></i>
          <div class="rb-prodes">
            案例一既然是
          </div>
          <a href="/views/case-detail.html"><span>查看更多</span></a>
        </div>
      </div>
    </div>
  </div>
  <!-- 案例2 -->
  <div class="amz-container rb-products am-avg-sm-1 am-avg-md-1 am-avg-lg-1">
    <div class="cd-timeline-block am-animation-slide-left clearfix"
      data-am-scrollspy="{animation: 'slide-left', delay: 400}">
      <div class="amz-container rb-hg110"></div>
      <div class="product-content clearfix">
        <div class="product-img rb-proright">
          <img src="/statics/images/auto/zidonghua1.jpg" alt="">
        </div>
        <div class="rb-pronav text-position-left rb-proleft product-text">
          <h3>案例二</h3>
          <h4>Case b</h4>
          <i></i>
          <div class="rb-prodes">
            可以定义为动平台和定平台通过至少两个独立的运动链相连接，机构具有两个或两个以上自由度，且以并联方式驱动的一种闭环机构。并联机器人的特点呈现为无累积误差，精度较高；驱动装置可置于定平台上或接近定平台的位置，这样运动部分重量轻，速度高，动态响应好。
          </div>
          <a href="/views/case-detail.html"><span>查看更多</span></a>
        </div>
      </div>
    </div>
  </div>
  <div class="amz-container rb-hg110"></div>
  </div>
  <script src="../statics/js/canvas.js" opacity=0.6 z=1></script>
  <!--#include file="/public/html/footer.html"-->
</body>

</html>